﻿@font-face {
    font-family: 'Swiss 721 Bold Condensed';
    src: url('../fonts/Swiss_721_Bold_Condensed.eot');
    src: url('../fonts/Swiss_721_Bold_Condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Swiss_721_Bold_Condensed.woff') format('woff'),
         url('../fonts/Swiss_721_Bold_Condensed.ttf') format('truetype'),
         url('../fonts/Swiss_721_Bold_Condensed.svg#swiss_721bold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

input[type="text"]:focus{outline:none;outline: thin dotted \9}

html{margin:0; padding:0;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;}
body{margin: 0;
  padding:0;
  font-family: Arial;
  font-size: 14px;
  line-height: 20px;
  color: #333333;}

#wrap{width:100%;height:100% !important;margin:0;padding:0;}
#header{height:61px;width:100%; background: #f3f3f3 url(../images/bg/header-bg.png) repeat-x;position:fixed;}
#logo{margin:8px 0 8px 0px;float:left;}
#menu{float:left; margin:0 0 0 5px;}

#user-profile{float:right; position:absolute; right:0px; top:10px; width:210px;}
#profile {
  color:#333;
  height:36px;

  font-size:1em;
  font-weight:bold;
  line-height:1.2em;
  margin:0;
  padding:3px 10px 10px;
  width:100px;
  display:table;
  text-align:right;
    float:left;
    /*background:url(../images/head-li-border.png) no-repeat 155px 1px;*/
   }
  
 #profile span{margin:0; padding:0; display:table-cell; vertical-align:middle;}
#logout{float:left;display:block; height:16px; padding: 5px 30px 10px 10px; color:#333; text-decoration:none; background:url(../images/logout.png) no-repeat right 5px;font-weight:bold; font-size:1em;}
#logout:hover{text-decoration:underline;}

.content-frame{width:100%; height:600px;}

#breadcrumb{width:99%; height:28px;color:#fcfcfc;float:left; padding:0 0 0 1%;}
#breadcrumb a{color:#116479; text-decoration:none; padding:0 0 0 15px; background:url(../images/breadcrumb-arrow.png) no-repeat;}
#breadcrumb a:hover{color:#116479;cursor: default;}

#breadcrumb a.klavuz{ padding:0 0 0 5px;background:none;cursor:pointer;}

#search-area{position:fixed;right:0; top:27px; width:auto; height:34px; padding:6px 8px; 
              -webkit-border-radius:5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;  background:#183C45; border:1px solid #A6A6A6;
behavior: url(assets/styles/PIE.htc);
             }
#search-form{width:240px; padding:0 0 0 10px; height:33px; background:url(../images/bg/search-form-bg.png) no-repeat; float:left;position:relative;}
#search-form > input[type="text"]{position:absolute;height:30px; line-height:30px; background:transparent; border:0;width:208px; font-size:0.85em; font-weight:bold; font-family:Arial;}
#search-form > input[type="button"]{position:absolute; left:218px;width:33px;height:34px;border:0;background:url(../images/bg/search-button-bg.png) no-repeat;}
#search-form > input[type="button"]:hover{position:absolute; left:218px;width:33px;height:34px;cursor:pointer;border:0;background:url(../images/bg/search-button-bg-hover.png) no-repeat;}

#search-form > input[type="submit"]{position:absolute; left:218px;width:33px;height:34px;border:0;background:url(../images/bg/search-button-bg.png) no-repeat;}
#search-form > input[type="submit"]:hover{position:absolute; left:218px;width:33px;height:34px;cursor:pointer;border:0;background:url(../images/bg/search-button-bg-hover.png) no-repeat;}

#customer-summary{float:left;border: 1px solid #DDDDDD; border-left:0; width: auto; height:34px; height:46px; background:#F7F7F7;
-webkit-border-radius:0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0; 
behavior: url(assets/styles/PIE.htc);}

#customer-summary .box{float:left;height:37px; line-height:37px; background:#e2e2e2; margin:3px 6px; padding:0 10px; border:1px solid #ccc;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
behavior: url(assets/styles/PIE.htc);}
#customer-summary .green{background:#63b21d; color:#fff; font-weight:bold; font-size: 1.063em;}
#customer-summary .box label{font-weight:bold;}

#customer-detail{float:left; width:230px; height:auto !important; border-top:1px solid #DDDDDD;  background:#F7F7F7;
                 -webkit-border-radius:0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0; 
behavior: url(assets/styles/PIE.htc); display:none;}
#customer-detail h3{background:url(../images/customer-details.png); text-indent:-9999px; margin:3px 0 0 0; padding:0; width:220px; height:39px;}

#customer-detail table{ width:230px; margin-top:16px; font-size:0.8em;}
#customer-detail table tr.item{ background:#F7F7F7;}
#customer-detail table tr.alternate{background:#EFEFEF;}
#customer-detail table td.label{width:95px;padding:3px 5px 5px 10px;font-weight:bold;}
#customer-detail table td.data{width:119px; border-right:1px solid #D4D4D4;}
#customer-detail table td.noborder{border-right:0;}
#customer-detail div.footer{width:133px; height:auto;  border-right:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; 
                            padding:12px 48px; 
                          -webkit-border-radius:0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0; 
behavior: url(assets/styles/PIE.htc);
                            }
                            
#customer-detail > div.footer > a.detail-button{background:url(../images/detail-button.png); display:block; width:133px; height:40px; text-indent:-9999px;}
#areaEc{position:absolute; top:75px; left:0; width:27px; height:30px; padding:7px 3px 3px 4px; border-bottom:1px solid #D4D4D4; border-right:1px solid #D4D4D4; background:#F7F7F7;}
#areaEc a.expand{background:url(../images/expand.png); width:27px; height:27px; display:block;}
#areaEc a.collapse{background:url(../images/collapse.png); width:27px; height:27px; display:block;}

#content{ top:100px; left:20px; width:auto; height:auto; position:relative;}

#vertical-tab{width:100px;height:auto; float:left; position:absolute; top:120px; left:-20px; }
#vertical-tab ul{list-style:none; margin:0; padding:0; width:90px; position:absolute; right:-20px;}
#vertical-tab ul li{margin:0; font-size:0.9em;  width:83px; height:46px;
                    }
#vertical-tab ul li a{float:right; color:#444; width:69px; height:46px;
                      padding-left:10px; line-height:46px;
                    text-decoration:none; display:block;
                      font-weight:bold;  position:absolute; z-index:-99;
                       background: url(../images/bg/vertical-bg-li.png) no-repeat 1px 0;/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    }
    
#vertical-tab ul li a[rel="first"]{float:right; color:#444; width:69px; height:46px;
                      padding-left:10px; line-height:46px;
                    text-decoration:none; display:block;
                      font-weight:bold;
                       background: url(../images/bg/vertical-bg-li-first.png) no-repeat 1px 0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    }
    

    
#vertical-tab ul li a.active{float:right; color:#444; width:69px; height:50px;
                      padding-left:10px; line-height:50px;
                      right:15px;
                    text-decoration:none; display:block;
                      font-weight:bold;position:absolute; z-index:99;
                       background:#F3F3F3 url(../images/bg/vertical-bg-li-active.png) no-repeat -1px -1px;
    }
   
#horizontal-tab{position:absolute; left:71px; z-index:2;}
#horizontal-tab ul{list-style:none; margin:0 0 0 5px; padding:0; width:600px; height:43px;}
#horizontal-tab ul li{margin:0; font-size:1em;}
#horizontal-tab ul li a{float:left; color:#fff; width:136px; height:32px; margin:9px 4px 0 0;
                       line-height:32px; text-align:center;text-decoration:none; display:block;
                      font-weight:bold;
                       background: url(../images/bg/horizontal-bg-li.png) no-repeat 1px 0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    }
    

    
#horizontal-tab ul li a.active{float:left; color:#444; width:140px; height:43px; margin:0;
                       line-height:43px;
                    text-decoration:none; display:block;
                    font-size:1.2em;
                      font-weight:bold;
                       background: url(../images/bg/horizontal-bg-li-active.png) no-repeat 0 0;
    }
    
#content-area{position:absolute; width:auto; padding:20px; min-height:350px; background:#F3F3F3; top:41px; left:78px; border:1px solid #fff; 
-webkit-box-shadow: #888 0px 0px 2px;
-moz-box-shadow: #888 0px 0px 2px;
box-shadow: #888 0px 0px 2px;
-webkit-border-radius: 0 4px 4px 4px;
-moz-border-radius: 4px;
border-radius: 0 4px 4px 4px;
behavior: url(assets/styles/PIE.htc); z-index:-1;
min-width:800px;
}

#content-area .table{border:1px solid #929292;
                     border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
behavior: url(assets/styles/PIE.htc); width:auto;}

#content-area .table tr.head{background:url(../images/bg/th-bg.png) repeat-x; height:50px; border-bottom:1px solid #B4B4B4;  }
#content-area .table tr.head td{ background:url(../images/bg/tr-border-bg.png) no-repeat right top; height:42px; padding: 7px 0 0 0;  font-family: 'Swiss 721 Bold Condensed'; text-align:center; font-size:1em; color:#116479;}

#content-area .table tr.row{background:#fff; height:auto !important;  }
#content-area .table tr.alternate-row{background:#EAEAEA; height:auto !important;   }
#content-area .table tr.row td,
#content-area .table tr.alternate-row td
    {height:auto !important; font-size:0.8em; color:#0e0d0d; padding:8px; border:1px solid #cacaca; line-height:1.2em;}
#content-area .table tr td.center{text-align:center;}

.tarifeler{width:70px; height:23px; background:url(../images/tarifeler.png) no-repeat; border:0; cursor:pointer;}
.ceza-hesapla{width:90px; height:23px; background:url(../images/ceza-hesapla.png) no-repeat; border:0; cursor:pointer;}
#action-footer{padding-top:10px;padding-right:10px;float:right;}
.chrome #action-footer{padding:10px 0 0 1063px;}
.tum-ceza-hesapla{width:90px; height:37px; background:url(../images/tum-cezalari-hesapla.png) no-repeat; border:0; cursor:pointer;}




.modal-box{width:705px; /*background:url(../images/bg/modal-outer.png)  no-repeat 688px 30px;*/ height:auto; float:left;}
.modal-message{width:530px; height:auto; float:left; display:none;}
.modal-box div.inner{float:left;width:676px; margin:10px 13px 5px 12px; background:#2A5C69; height:auto;
                     -webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px; 
                     -webkit-box-shadow: #666 0px 0px 10px; position:relative;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
behavior: url(assets/styles/PIE.htc);
                     }
.modal-message div.inner{float:left;width:500px; margin:10px 13px 5px 12px; background:#2A5C69; height:auto;
                     -webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px; 
                     -webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
behavior: url(assets/styles/PIE.htc);
                     }

                     
.modal-box div.inner h2{float:left;margin:13px 0 10px 14px; width:635px; padding:0; color:#fff; font-size:1.4em;}
.modal-box div.inner div.close{position:absolute; top:13px; right:13px;}
.modal-box div.inner div.close input.closebutton{float:left; border:0; cursor:pointer; background:url(../images/close.png) no-repeat; width:18px; height:18px;}

.modal-message div.inner h2{float:left;margin:13px 0 10px 14px; width:460px; padding:0; color:#fff; font-size:1.4em;}
.modal-message div.inner div.close{float:left; margin:12px 0 10px 0;}
.modal-message div.inner div.close input.closebutton{float:left; border:0; cursor:pointer; background:url(../images/close.png) no-repeat; width:18px; height:18px;}


.modal-box .table{border:1px solid #1E414A; margin:13px 0 0 12px;
                      background: #1D7389;
                  

                     -webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px; 
behavior: url(assets/styles/PIE.htc); width:auto;}

.modal-box .table tr.head
{       
    background:url(../images/bg/modal-th-bg.png);
    background-position:0 2px;
    background-repeat:repeat-x;

    
    height:43px; border-bottom:1px solid #B4B4B4;  }
.modal-box .table tr.head td{ background:url(../images/bg/modal-tr-border-bg.png) no-repeat right top; height:43px;  font-family: 'Swiss 721 Bold Condensed'; text-align:center; font-size:1em; line-height:1em; color:#fff;}

.modal-box .table tr.row{background:#fff; height:auto !important;  }
.modal-box .table tr.footer-row{background:#fff; height:15px !important;  }
.modal-box .table tr.alternate-row{background:#EAEAEA; height:auto !important;   }
.modal-box .table tr.row td,
.modal-box .table tr.alternate-row td,
.modal-box .table tr.footer-row td
    {height:auto !important; font-size:0.8em; color:#0e0d0d; padding:8px; border-right:1px solid #cacaca; line-height:1.2em;}
.modal-box .table tr td.center{text-align:center;}
.total{float:left; width:220px; height:25px; line-height:25px; background:#fff; margin:-1px 0 0 73px; border:1px solid #b4b4b4;
       font-size:1.3em; font-weight:bold; padding:0 0 0 60px;
                     -webkit-border-radius:0 0 4px 4px;-moz-border-radius: 4px;border-radius: 0 0 4px 4px; 
behavior: url(assets/styles/PIE.htc); 
       }
  
.modal-message .content{ float:left; background:#fff; margin:10px; padding:10px; width:460px; height:auto;
                           -webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px; 
                     -webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
behavior: url(assets/styles/PIE.htc);
                     } 
.modal-message .footer{ float:left; height:auto; margin:5px 15px 15px 15px; width:470px; text-align:right;} 
.modal-message .footer a.ok{ float:right; background:url(../images/ok.png); height:40px; width:76px; text-indent:-9999px;} 
.modal-message .footer a.cancel{ float:right;  background:url(../images/cancel.png); height:40px; width:63px; text-indent:-9999px;} 
     
.footnote{list-style:none; margin:10px 0 5px 15px; padding:0; float:left; }
.footnote li{margin:0; padding:0;color:#fff; font-size:0.8em; line-height:1.2em;}

.small{font-size:0.6em;}
.clear{clear:both;}

.ui-widget-content {
    background:transparent;
    border:0;
}

